import React, { PureComponent } from 'react'

// import Home from './page/home';
// import About from './page/about';

// import Home2 from './page/home2';
// import About2 from './page/about2';

// import Home3 from './page/home3_react-redux-connect';
// import Home3 from './page/home4_redux-thunk';
import Home3 from './page/home5_redux-saga';
import About3 from './page/about3';

export default class App extends PureComponent {
  render() {
    return (
      <div>
        {/* 1. */}
        {/* <Home></Home>
        <hr />

        <About></About>
        <hr /> */}

        {/* 2. */}
        {/* <Home2></Home2>
        <hr />
        
        <About2></About2>
        <hr /> */}

        <Home3></Home3>
        <hr />
        
        <About3></About3>
      </div>
    )
  }
}
